<template>
	<div class="modal fade" role="dialog" aria-labelledby="del-course">
	    <div class="modal-dialog" :class="type">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	                <slot name="header">
	                </slot>
	            </div>
	            <div class="modal-body">
	                <slot name="body">
	                </slot>
	            </div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	                <slot name="footer">
	                	<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
	                </slot>
	            </div>
	        </div>
	    </div>
	</div>
</template>

<script>
	export default {
		props: ['type']
	}
</script>

<style>
	
</style>